@charset "utf-8";
/* 以下实际使用若已初始化可删除 .nav height父级需逐级设置为100%*/
body,ul{margin:0;padding:0}
body{font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;}
li{list-style:none}
a{text-decoration:none!important;}
a:focus{color: #000!important;}
/* 以上实际使用若已初始化可删除 */

/* nav */
#goodscategory .nav{height: 100%;background: #fff;transition: all .3s; border:1px solid #AEAEAE;max-width: 300px!important;}
#goodscategory .nav a{display: block;line-height: 46px;color: #333333;transition: all .3s;text-align: center;padding: 0 15px;}
#goodscategory .nav a span{margin-left: 30px;}
#goodscategory .nav-item{position: relative;}
#goodscategory .nav-item.nav-show{border-bottom: none;}
#goodscategory .nav-item ul{display: none;}
#goodscategory .nav-item ul li{border-bottom: 1px solid #eaeaea;}
#goodscategory .nav-item.nav-show ul{display: block;}
#goodscategory .nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #34A0CE;opacity:0;transition: all .3s;}
#goodscategory .nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
#goodscategory .icon_1::after{content: "\e62b";}
#goodscategory .icon_2::after{content: "\e669";}
#goodscategory .icon_3::after{content: "\e61d";}
/*---------------------*/
/*#goodscategory .nav-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}*/
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
#goodscategory .nav-more::after{content: "\e621";}
/*---------------------*/
#goodscategory .nav-show .nav-more{transform:rotate(90deg);}
#goodscategory .nav-show,.nav-item>a:hover{color: #000;background-color: #FFF;}
#goodscategory .nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
#goodscategory .nav-item li:hover a{color: #FFF;background: #4683dc;}

/* nav-mini */
#goodscategory .nav-mini.nav{width: 60px;}
#goodscategory .nav-mini.nav .nav-icon{/* margin-left:-2px; */}
#goodscategory .nav-mini.nav .nav-item>a span{display: none;}
#goodscategory .nav-mini.nav .nav-more{margin-right: -20px;}
.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.nav .nav-item:hover a:before{opacity:1;}
.nav-mini.nav .nav-item:hover ul{display: block;}

.sort-nav li{
    float: left;
    height: 48px!important;
    line-height: 50px!important;
    text-align: center;
    cursor: pointer;
    display: inline;
    border-right: 1px solid #eee;
    width: auto;
    padding: 0px 20px;
}
.sort-nav li.active{
    background:#fff;
}
.sort-nav{
    height:48px!important;
    background: #EFEFEF;

}
.sort-nav li.active a {
    color: #2565AF;
}

.nav-item-type{
    /* height: 50px!important;
    line-height: 50px!important; */
        vertical-align: middle;
        font-size: 18px;
        background: #2565AF;
        color: #fff!important;
        height: 40px;
        line-height: 40px;
        text-align: center;
}



/**个人中心**/
#usercenterBox .nav{width: 240px;height: 100%;background: #fff;transition: all .3s; border:1px solid #AEAEAE}
#usercenterBox .nav a{display: block;overflow: hidden;line-height: 50px;max-height: 50px;color: #333333;transition: all .3s;margin-left: 20px;}  /*letter-spacing: 3px;}*/
#usercenterBox .nav-item{position: relative;}
#usercenterBox .nav-item.nav-show{border-bottom: none;}
#usercenterBox .nav-item ul{display: none;}
#usercenterBox .nav-item.nav-show ul{display: block;}
#usercenterBox .nav-item>.active:before{content: "";position: absolute;left: 0px;width: 4px;height: 20px;top:15px;background: #34A0CE;opacity:1;transition: all .3s;}
#usercenterBox .nav .nav-icon{font-size: 10px;position: absolute;margin-left:-1px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
#usercenterBox .icon_1::after{content: "\e62b";}
#usercenterBox .icon_2::after{content: "\e669";}
#usercenterBox .icon_3::after{content: "\e61d";}
/*---------------------*/
#usercenterBox .nav-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
#usercenterBox .nav-more::after{content: "\e621";}
/*---------------------*/
#usercenterBox .nav-show .nav-more{transform:rotate(90deg);}
#usercenterBox .nav-show,.nav-item>a:hover{color: #000;background-color: #FFF;}
#usercenterBox .nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
#usercenterBox .nav-item li:hover a{color: #FFF;background: #0a58ca;}
#usercenterBox .nav-item .active{
    color: #2565af !important;
}




@media (max-width:767px) {
    #usercenterBox .nav{width: 100%;}
    #usercenterBox .nav a{line-height: 40px!important;max-height: 40px!important;}
    #usercenterBox .wd400{width: inherit!important;}
    #usercenterBox .btnBgColor256{    letter-spacing: 0px;}
    #usercenterBox.labelTitle:not(:first-of-type){  width: 110px!important;text-align: left!important;}
    #usercenterBox .mTop50{margin-top: 10px!important;}
    #usercenterBox .mTop40{margin-top: 20px!important;margin-bottom: 50px!important;}
    #usercenterBox #noel{width: 0!important;}
    #usercenterBox #userAddresTab{margin-bottom: 100px!important;}
}